#timeline
{
	width: 860px;
	margin: 0 auto;
}
	#timeline #timeline_left
	{
		display: inline-block;
		width: 428px;
		margin: 0 2px 0 0;
		float: left;
	}
	#timeline #timeline_right
	{
		display: inline-block;
		width: 428px;
		margin: 0 0 0 2px;
		float: right;
	}
	#timeline .timeline_item
	{
		display: inline-block;
		width: 404px;
		/*border: solid 1px #B4BBCD;*/
		margin: 10px 5px;
		padding: 0px;
		position: relative;
		border: solid 1px #939393;
	}
	#timeline .timeline_item_right
	{
		float: right;
	}
	#timeline .timeline_item_left
	{
		float: left;
	}

		#timeline .timeline_item_left:after, #timeline .timeline_item_left:before, #timeline .timeline_item_right:after, #timeline .timeline_item_right:before
		{
			
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}
		#timeline .timeline_item_left:after, #timeline .timeline_item_left:before
		{
			left: 100%;
		}
		#timeline .timeline_item_right:after, #timeline .timeline_item_right:before
		{
			right: 100%;
		}
		#timeline .timeline_item_left:after
		{
			background: url(http://koenhendriks.com/lb/corne.png);
			background-color: inherit;
			background-position: -3px;
			width: 15px;
			height: 18px;
			top: 35px;
		}
		
		#timeline .timeline_item_right:after
		{
			background: url(http://koenhendriks.com/lb/corne2.png);
			background-color: inherit;
			background-position: -3px;
			width: 15px;
			height: 18px;
			top: 35px;
		}
		
	#timeline p
	{
		border-top: solid 1px #B4BBCD;
	}
	#timeline_more
	{
		background-image: url(../images/more.png);
		background-repeat:no-repeat;
		color: #FFFFFF;
		width: 150px;
		height: 28px;
		text-align: center;
		clear: both;
		cursor: pointer;
		margin: 0 auto;
		padding-top:4px;
		font-size:15px;
	}
	.loading
	{
	
	}
	#timeline .date_spacer_left, #timeline .date_spacer_right
	{
		width: 20px;
		display: inline-block;

	}
	#timeline .date_spacer_right
	{
		float: right;
		clear: both;
	}
	#timeline .date_spacer_left
	{
		float: left;
		clear: both;
	}
	#timeline .date_block
	{
		float: left;
		clear: both;
		display: block;
		width: 100px;
		margin: -20px 0 0 -52px;
		text-align: center;
		color: #d10973;
		font-weight: bold;
		background-color: #ececec;
		z-index: 99999999;
	}
	#timeline_line
	{
		position: fixed;
		height: 100%;
		top: 0;
		left: 50%;
		margin-left: -1px;
		background: #c4c4c4;
		z-index: -1;
		width: 2px;
	}
	#timeline_months
	{
		position: fixed;
		right:0px;
		width:165px;
		padding-left:34px;
		border-left:solid 1px #939393;
	
		
	}
	.title
	{
		background-image: url(../images/titlegrad.png);
		height:31px;
		width:390px;;
		text-align:left;
		line-height:34px;
		padding-left:14px;
		border-bottom:solid 1px #939393;
	
	}
	.content
	{
		padding-left:13px;
		padding-top:11px;
		padding-right:13px;
		padding-bottom:11px;
		
	}
	.datum
	{
		color:white;
		font-weight:700;
	}
	hr{
		width:380px;
		
	}
	li
	{
		line-height:20px;
		list-style:square url("../images/block.jpg");

	}
	li:hover
	{
		list-style:square url("../images/hoverblock.jpg");
	}
	.monthlink:hover
	{
		color:#d10973;
		font-weight:bold;
	}
	.monthlink
	{
		text-decoration:none;
		color:#000000;		
	}
	
